 <template lang="html">
	<ul class="hreflist">
		<li>
	      <router-link class="hrefLink" to="/main/xingzuo">
	        星座
	      </router-link>
	    </li>
	    <li>
	      <router-link class="hrefLink" to="/main/faxian">
	        发现
	      </router-link>
	    </li>
	    <li>
	      <router-link class="hrefLink" to="/main/xingwen">
	        星闻
	      </router-link>
	    </li>
	    <li>
	      <router-link class="hrefLink" to="/main/personal">
	        我的
	      </router-link>
	    </li>
	</ul>
</template>

<script>
	export default{
		
	}
</script>

<style lang="css">
	.hreflist{
    width:100%;
    height:0.98rem;
    list-style:none;
    display:-webkit-flex;
  }
  .hreflist li{
    flex:1;
    width:0;
    text-align:center;
    border:1px solid #000;
  }
  .hreflist li .hrefLink{
    font-size:20px;
    display:block;
    width:100%;
    height:80px;
    text-align:center;
    line-height:0.98rem;
    color:red;
    text-decoration:none;
  }
</style>